<template>
	<view>
		<uni-popup ref="upname" mode="center">
			<view class="bgfff ra30 width880 posire pt50 pb50">
				<image @click="$refs.upname.close()" mode="widthFix" class="image posiab right30 top20 width50" src="/static/img/bi.png"></image>
				<view class="size36 color333 bold flex-a-i ml50 mb60">
					<view class="wh6-30 mt8 bg2C7BFF mr15"></view>个人信息
				</view>
				<view class="flex-a-i">
					<view class="width250 text-right">姓名：</view>
					<el-input v-model="userNickName" class="borderced4db wh500-80  ra5" placeholder="请输入姓名" />
				</view>
				
				<view class="flex-a-i mt40 mb40">
					<view class="width250 text-right">登录名：</view>
					<el-input v-model="user.userName" disabled class="borderced4db wh500-80  ra5" placeholder="请输入登录名" />
				</view>
				<view class="flex-a-i">
					<view class="width250 text-right">所属组织：</view>
					<el-input disabled v-model="user.deptName" class="borderced4db ra5" placeholder="请输入组织" />
				</view>
				
				<view class="flex-ju-c">
					<view class="flex-a-i mt80">
						<view @click="$refs.upname.close()" class="wh152-64 borderd0d6dc flex-ju-c ra5">取消</view>
						<view @click="sctrue" class="wh152-64 border165DFF colorfff bg165dff flex-ju-c ml60 ra5">保存</view>
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>
<script>
	export default {
		name:"poup",
		props:['user','type'],
		data() {
			return { 
				 userNickName:"",
				//user:uni.getStorageSync('user').user
			}
		},
		created() {
			// this.userNickName=uni.getStorageSync('user').user.nickName
		},
		watch:{
			type(){
				this.userNickName = this.user.nickName
			}
		},
		computed:{
			
		},
		methods:{
			open(){
				this.$refs.upname.open()
			},
			sctrue(){
				
				 this.$emit('sctrue',this.userNickName)
			},
			close(){
				this.$refs.upname.close()
			}
		}
	}
</script>

<style>
.borderced4db {
		width: 500rpx;
		height: 80rpx;
	}
</style>